WORLD INTELLECTUAL PROPERTY ORGANIZATION 
International Bureau 




PCT 

INTERNATIONAL APPLICATION PUBLISHED UNDER THE PATENT COOPERATION TREATY (PCT) 



(51) International Patent Classification 6 : 
G06F9/44 



Al 



(11) International Publication Number: WO 95/31773 

(43) International Publication Date: 23 November 1995 (23.1 1.95) 



(21) International Application Number: PCT/US95/06154 

(22) International Filing Date: 16 May 1995 (16.05.95) 



(30) Priority Data: 
08/243,268 



16 May 1994 (16.05.94) 



US 



(71) Applicant (for all designated States except US): APPLE COM- 

PUTER, INC. [US/US]; One Infinite Loop, Cupertino, CA 
95014 (US). 

(72) Inventors; and 

(75) Inventors/Applicants (for US only): CRAYCROFT, Timothy, 
J. [US/US]; 2675 Fayette Drive #319, Mountain View, CA 
94040 (US). COBB, Jeffrey, R. [US/US]; 1475 Hollenbeck 
Avenue, Sunnyvale, CA 94087 (US). JOHNSTON, Robert, 
G., Jr. [US/US]; Apartment 535, 870 East El Camino Real, 
Sunnyvale, CA 94087 (US). ULRICH, Robert, R. [US/US]; 
1983 San Luis Avenue #1, Mountain View, CA 94043 (US). 

(74) Agent: PETERSON, James, W.; Burns, Doane, Swecker & 
Mathis, P.O. Box 1404, Alexandria, VA 22313-1404 (US). 



(81) Designated States: AM, AT, AU, BB, BG, BR, BY, CA, CH, 
CN, CZ, DE, DK, EE, ES, FI, GB, GE, HU, IS, JP, KE, 
KG, KP, KR, KZ, LK, LR, LT, LU, LV, MD, MG, MN, 
MW, MX, NO, NZ, PL, PT, RO, RU, SD, SE, SG, SI, SK, 
TJ, TM, TT, UA, UG, US, UZ, VN, European patent (AT, 
BE, CH, DE, DK. ES, FR, GB, GR, IE, IT, LU, MC, NL, 
PT, SE), OAPI patent (BF, BJ, CF, CG, CI, CM, GA, GN, 
ML, MR, NE, SN, TD, TG), AREPO patent (KE, MW, SD, 
SZ, UG). 



Published 

With international search report. 

Before the expiration of the time limit for amending the 
claims and to be republished in the event of the receipt of 
amendments. 



(54) Title: SWITCHING BETWEEN APPEARANCE/BEHAVIOR THEMES IN GRAPHICAL USER INTERFACES 



(switch themes) 



PRESENT TRANSITION EFFECT 
I 



Y 



SWITCH OLD THEME'S RESOURCE CHAIN 



V 



± 



CALL DRAWING PROCS WITH DEALLOCATE 



Y 



116 



118 



120 



SET NEW THEME INFO RECORD TO THE CURRENT RECORD V 122 

124 



SWITCH NEW THEME'S RESOURCE CHAIN IN 



CALL DRAWING PROCS WITH INITIALIZE 

X 



126 



CEED 



(57) Abstract 



Systems and methods for providing a user with increased flexibility and control over the appearance and behavior of objects on a user 
interface are described. Sets of objects can be grouped into themes to provide a user with a distinct overall impression of the interface. These 
themes can be switched dynamically by switching pointers to drawing procedures or switching data being supplied to these procedures. To 
buffer applications from the switchable nature of graphical user interfaces according to the present invention, colors and patterns used to 
implement the interface objects are abstracted from the interface by, for example, pattern look-up tables. 



FOR THE PURPOSES OF INFORMATION ONLY 



Codes used to identify States party to the PCT on the front pages of pamphlets publishing international 
applications under the PCT. 



AT 


Austria 


GB 


United Kingdom 


MR 


Mauritania 


AU 


Australia 


GE 


Georgia 


MW 


Malawi 


BB 


Barbados 


GN 


Guinea 


NE 


Niger 


BE 


Belgium 


GR 


Greece 


NL 


Netherlands 


BF 


Burkina Faso 


HU 


Hungary 


NO 


Norway 


BG 


Bulgaria 


IE 


Ireland 


NZ 


New Zealand 


BJ 


Benin 


IT 


Italy 


PL 


Poland 


BR 


Brazil 


JP 


Japan 


PT 


Portugal 


BY 


Belarus 


KE 


Kenya 


RO 


Romania 


CA 


Canada 


KG 


Kyrgystan 


RU 


Russian Federation 


CF 


Central African Republic 


KP 


Democratic People's Republic 


SD 


Sudan 


CG 


Congo 




of Korea 


SE 


Sweden 


CH 


Switzerland 


KR 


Republic of Korea 


ST 


Slovenia 


CI 


C6te dlvoire 


KZ 


Kazakhstan 


SK 


Slovakia 


CM 


Cameroon 


LI 


Liechtenstein 


SN 


Senegal 


CN 


China 


LK 


Sri Lanka 


TD 


Chad 


cs 


Czechoslovakia 


LU 


Luxembourg 


TG 


Togo 


cz 


Czech Republic 


LV 


Latvia 


TJ 


Tajikistan 


DE 


Germany 


MC 


Monaco 


TT 


Trinidad and Tobago 
Ukraine 


DK 


Denmark 


MD 


Republic of Moldova 


UA 


ES 


Spain 


MG 


Madagascar 


US 


United States of America 


FI 


Finland 


ML 


Mali 


UZ 


Uzbekistan 


FR 


France 


MN 


Mongolia 


VN 


Viet Nam 


GA 


Gabon 











95/31773 



PCTAJS95/06154 



SWITCHING BETWEEN APPEARANCE/BEHAVIOR 
THEMES IN GRAPHICAL USER INTERFACES 

BACKGROUND 

The present invention relates generally to graphical user interfaces for 
computer systems. More particularly, the present invention relates to systems 
and methods for interfacing applications and operating systems which provide 
for flexible customization of graphical user interfaces. 

The evolution of the computer industry is unparalleled in its rate of 
growth and complexity. Personal computers, for example, which began as little 
more than feeble calculators with limited memory, tape-driven input and 
monochrome displays are now able to tackle almost any data processing task. 
While this meteoric increase in power was almost sufficient to satisfy the 
demand of application programmers and end users alike, the corresponding 
increase in complexity created an ease-of-use problem which the industry was 
somewhat slower in solving. Thus, designers were faced with a new challenge: 
to harness this computing power in a form usable by even those with relatively 
little computer training to smooth the transition of other industries into a 
computer-based information paradigm. 

As a result, in the early to mid-1980's many new I/O philosophies, such 
as "user friendly," "WYSIWYG" and "menu driven" came to the forefront of 
the industry. These concepts are particularly applicable to microcomputers, 
also known as personal computers, which are intended to appeal to a broad 
audience of computer users, including those who previously feared and 
mistrusted computers. An important aspect of computers which employ these 
concepts was, and continues to be, the interface which allows the user to input 
commands and data and receive results, whhn is commonly referred to as a 
graphical user interface (GUI). 

One type of GUI display is based on a visual metaphor which uses a 
monitor screen as a work surface called a "desktop" where documents are 
presented in relocatable regions termed "windows. " The user interacts with the 
computer by, for example, moving objects on the desktop, choosing commands 
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from menus, and manipulating window controls, such as checkboxes and scroll 
bars. An exemplary desktop screen is reproduced as Figure 1. 

The success of this type of interface is evident from the number of 
companies which have emulated the desktop environment. Even successful 
5 concepts, however, must continually be improved in order to keep pace with 
the rapid growth in this industry. The advent of multimedia, especially CD- 
ROM devices, has provided vast quantities of secondary storage which have 
been used to provide video capabilities, e.g., live animation and video clips, as 
regular components of application displays. With these new resources at their 

10 disposal, application designers, and others, desire more and more control over 
the appearance of the display, including the desktop environment and, in 
particular, objects on the desktop. 

Windows are one example of desktop objects which can be virtually any 
size, shape, or color. Some standard types of windows are commonly 

15 predefined for the interface including, for example, a document window and a 
dialog box. One example of a standard for a document window is illustrated in 
Figure 2A. Each document window which conforms to this standard has a title 
bar with a title drawn in a system-defined font and color. Active document 
windows can also have controls as illustrated in Figure 2A, for example, a 

20 close box, a zoom box, a size box, and scroll bars. These standard types of 
windows (as well as other standard desktop objects) are beyond the reach of 
users who wish to alter the appearance and/or behavior. 

Accordingly, application developers can define their own nonstandard 
window types as desired, although each nonstandard window requires a 

25 relatively large block of memory. Further, even these nonstandard window 
types provide only limited flexibility and control over the appearance and 
behavior of desktop objects in that they are application-specific and do not 
present a consistent interface across all applications, i.e., if three different 
applications are running, each might present a different "look" on desktop. 

30 Once again, the user has no control over the appearance and/or behavior of 
these nonstandard window objects. 
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Since the window format, including the appearance, behavior and 
function of standard windows and window parts, is known a priori to 
applications which were designed for such conventional systems, these 
applications are written to take advantage of such knowledge. As seen in 
5 Figure 3, suppose, for example that an application 10 desires to draw a 

rectangle in the color of the title bar (beige, in this example) in a window (not 
shown on the desktop). The application assumes knowledge of the color of the 
title bar when using predefined standard window definitions 25 and, if this 
application uses window definitions created by the application itself, the 

10 application will have actual knowledge. of colors defined by those windows. 
Accordingly, the application will simply send a command to the interface 
instructing that a beige rectangle be drawn in the window. 

Each standard window, as well as any nonstandard window, 
conventionally has a corresponding window definition 25. The window 

15 definition 25 includes all of the data necessary to define the window. Looking 
at the active window illustrated in Figure 1, data included in the window 
definition 25 for such an active window would include, for example, the size of 
the window, the relative location of the close box and zoom box in the upper 
lefthand and righthand corners, respectively, the number of parallel lines and 

20 their locations relative to the close box and the zoom box, and the upper 

boundary of the window and all of the other defining features of that particular 
window. The application supplies the variable parameters such as the location 
of the window on the desktop interface and, perhaps, the colors and/or fonts to 
be used for the text and/or figures in the window. As one can imagine, the 

25 window definitions can include a large amount of data and, therefore, can 
require a large amount of memory for each definition. 

In addition to the amount of memory used to create non-standard 
window definitions, another problem with this conventional method of 
providing variety of appearance in the graphical user interface is the lack of a 

30 consistent appearance between objects drawn on the desktop by different 
applications. With multitasking i.e., multiple applications running 
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simultaneously on a desktop, it is now common for users to simultaneously run 
multiple applications each of which has its own window on the desktop. 
However, if each application uses its own combination of standard and non- 
standard window definitions that result in each application having its own 
5 appearance and behavior. The dissimilarity in appearance and behavior 
between applications can be annoying and confusing to a user. 

Accordingly, it would be desirable to allow application designers and 
application users to have additional flexibility and greater control over the 
appearance and behavior of desktop objects and individual controls for those 
10 objects. 

SUMMARY 

According to exemplary embodiments of the present invention, an 
improved visual appearance can be provided to GUIs by providing an 
appearance management layer that gives users (both application developers and 

15 end users) the ability to customize the appearance and behavior of the desktop. 
This layer can be provided between all of the clients, e.g., applications, the end 
user, definition procedures, and the graphic subsystem which actually writes to 
the display. In this way, a level of abstraction is provided between the client 
and the system so that customization can be facilitated without requiring the 

20 client to have a detailed knowledge of the interface environment, which may be 
constantly changing. 

Themes can be created which include sets of desktop objects that are 
designed, both in their visual appearance and behavior, to project an overall 
impression to the area. The user can switch between themes, even at runtime, 

25 to change this overall impression. 



BRIEF DESCRIPTION OF THE DRAWINGS 

The foregoing, and other, objects, features and advantages of the present 
invention will be more readily understood by those skilled in the art upon 
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reading the following detailed description in conjunction with the drawings in 
which: 

Figure 1 shows a conventional desktop screen; 

Figure 2A shows a conventional document window; 

Figure 2B illustrates a document window according to an exemplary 
embodiment of the present invention; 

Figure 2C illustrates a conventional user interface; 

Figure 2D illustrates the user interface of Figure 2C operating under a 
theme according to an exemplary embodiment of the present invention; 

Figure 2E illustrates the user interface of Figure 2C operating under a 
second theme according to another exemplary embodiment of the present 
invention; 

Figure 3 illustrates a functional overview of a system for customizing a 
user interface according to an exemplary embodiment of the present invention; 

Figure 4 illustrates an exemplary architecture showing theme and 
application interaction according to an exemplary embodiment of the present 
invention; 

Figure 5 illustrates a set of glyphs which can be used to create a 
document window for a particular theme according to an exemplary 
embodiment of the present invention; 

Figure 6 is a state diagram used to illustrate transitions of an interface 
object part according to an exemplary embodiment of the present invention; 

Figure 7 is an exemplary matrix used to describe behavior transitions 
according to exemplary embodiments in the present invention; 

Figure 8 is a block diagram illustrating inheritance according to an 
exemplary embodiment of the present invention; 

Figure 9 is a block diagram which illustrates pattern abstraction 
according to an exemplary embodiment of the present invention; 

Figure 10 is a block diagram which also illustrates pattern abstraction, 
but according to another exemplary embodiment of the present invention; 
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Figure 1 1 illustrates an exemplary appearance control panel according to 
an exemplary embodiment of the present invention; 

Figure 12 illustrates an interaction between an appearance management 
layer, an application, and a theme according to an exemplary embodiment of 
5 the present invention; and 

Figures 13-15 are flowcharts which illustrate exemplary methods used to 
switch themes according to exemplary embodiments of the present invention. 



DETAILED DESCRIPTION 

The present invention is described herein by way of exemplary, 

10 illustrative embodiments, some of which use the Macintosh® computer system 
as a reference for explaining the present invention. However, those skilled in 
the art will readily appreciate that systems and methods according to the present 
invention can be applied to any type of display system having a user interface. 
Further, while window objects are used to illustrate how exemplary 

15 embodiments of the present invention affect the appearance and behavior of 
desktop objects in general, those skilled in the art will recognize that the 
present invention can be used to control the appearance and behavior of any 
desktop object including, for example, icons, menus, lists, control elements, 
cursors, menu bars, etc. 

20 Windows can be characterized in a variety of ways. For example, a 

window can be characterized by the shape, size and color of the window as 
well as by the location, size, shape and color of each of its component parts, 
e.g., those parts identified in Figure 2A. These attributes of a window and 
window parts are categorized herein as a window's appearance attributes. The 

25 window and its parts also have associated therewith one or more functions 

which are invoked when a user provides an associated input, e.g., clicking on a 
close button or box causes the window to close. These are termed functional 
attributes. 

A third category of attributes also exists for some windows and window 
30 parts. These windows and window parts exhibit a behavior when acted on by a 
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user which is distinct from the ur, .lying function of these objects, i.e., when 
a user clicks on a close button using a mouse, the button becomes shaded in 
such a way that it appears depressed prior to the window actually closing. 
Of these three attribute categories, namely appearance, behavior and. 
5 function, exemplary embodiments of the present invention provide users (the 
term users as applied throughout this document refers to both end users of 
applications, application developers and other individuals who use or invoke 
operating systems) with the capability to alter the appearance and behavior of 
object and object parts, but preferably not the underlying function thereof. It 

10 will be understood by those skilled in the art that the principles described herein 
are equally applicable to systems and methods in which the functional attributes 
can also be varied by users. However, standardization of system functionality 
provides certain advantages so that exemplary embodiments of the present 
invention separate functional manipulation from manipulation of the other 

15 attributes. 

Given all of the graphical and audio artistry available today for GUIs, 
one can easily imagine the wide variety of desktop "looks" which can be 
developed once the system's control over the appearance and behavior of 
interface objects is relaxed. Comparison of the conventional user interface 

20 screen shown in Figure 2C with user interface screens using different themes 
shown in Figures 2D and 2E is an excellent starting point toward understanding 
the powerful capabilities for appearance and behavior change in user interfaces 
according to the present invention. Note, for example, the difference in 
appearance between the "Views" title bar in Figure 2C as opposed to those of 

25 Figures 2D and 2E. 

An overview which summarizes how these types of customized user 
interfaces can be provided in a consistent and switchable manner begins with a 
discussion of Figure 4. As shown, the application 38 interacts with the 
appearance management layer 40 through three paths: directly, through utilities 

30 42 (e.g., Toolbox Managers), and through drawing procedures 46 which 

provide the fundamental instructions (e.g., defprocs) for drawing objects on the 
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interface. The phrase "drawing procedure" as it is used in this document refers 
to pieces of code which are responsible for drawing interface objects and which 
define the shape of those objects, e.g., window definitions. 

Note that the application does not access the drawing procedures 
5 directly, but does so through a table of pointers 44 maintained by the 

appearance management layer and utilities. Switchable pointers 44 and drawing 
procedures 46 provide the basic building blocks which allow the geometry of 
each interface object as well as the behavior of each object's controls to be 
manipulated in a consistent and replaceable fashion. By switching the pointers 
10 44 to the drawing procedures 46, or by switching the data used by the 

procedures 46, the appearance and behavior of the interface can be readily 
changed. 

To provide the flexibility afforded by the present invention, applications 
no longer need to have a priori knowledge of the patterns or colors used for 

15 each object and its controls. Therefore, a pattern table 48 is used to look up 
this information and serves to abstract the color and/or pattern of the object 
from its other attributes. According to certain exemplary embodiments, 
drawing primitives which allow "paint-by-number" interface drawing are sent 
by the client to the appearance management layer. In other words, the 

20 application can simply command the appearance management layer 40 to draw 
an object using an index which identifies the pattern and/or color of that object, 
so that the visual geometry is abstracted from the colorspace and the application 
need not know which particular geometries and/or colors are currently being 
implemented. According to other exemplary embodiments, the pattern table 48 

25 acts as a pattern/color database and returns the relevant pattern information to 
the client. The client then instructs the graphic subsystem 56 to render the 
appropriate pattern. 

In order to provide the functionality to switch between themes, the 
theme switching 50 and run time support 52 control interaction of the 

30 appearance management layer and the theme. As used herein, the terms 
"theme" and "themes" refer to coordinated designs of interface objects and 
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object parts that create a distinct visual appearance on the display. These 
routines provide mechanisms for loading and unloading themes and obtaining 
theme attributes. Various routines are also provided to support animation and 
sounds and handling desktop patterns and screen saver modules in the interface 
5 as shown generally by block 54. 

Switchable Pointers and Drawing Procedures 

Many of the objects which are drawn in the user interface are created by 
small, modular pieces of code in the system which are dedicated to a specific 
purpose, e.g., drawing window frames. These pieces of code, called drawing 

10 procedures or definition procedures (defprocs) herein, are designed for 
switching at run time to enable dynamic system appearance and behavior. 
While the procedure and mechanism for switching between themes is described 
in more detail below, this section focuses on exemplary ways in which these 
procedures are designed to provide a switchable routine environment. 

15 The appearance management layer 40 is responsible for orchestrating 

various changes which allow switching of the user interface's appearance and 
behavior. Two exemplary ways in which the drawing procedures, can be 
switched will now be described here. 

According to certain exemplary embodiments, all of the utilities which 

20 support switchable drawing procedures will be called to "disconnect" all of the 
drawing procedures for each of the interface objects supported by that particular 
utility. In essence, this amounts to sending a dispose message to the drawing 
procedure for each and every utility object element currently in existence. The 
utility then is called to swap pointers 44 to the drawing procedures. For 

25 example, if window drawing procedure A is being replaced by window drawing 
procedure B, the window drawing utility will be asked to replace all of its 
references to procedure A with references to procedure B. This process will 
occur for each drawing procedure that is switched out. Lastly, every drawing 
procedure for every utility interface element should be sent an initialize 

30 message and the display will be completely redrawn. 
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According to other exemplary embodiments of the present invention, 
these drawing procedures can be data driven so as to allow each procedure to 
be able to support a wide variety of appearances and behaviors without 
modifying the code of the procedure itself. In this way themes can be switched 
5 without requiring that the drawing procedure code be switched. Each theme 
provides its own data structures which are supplied to the parametric drawing 
procedure. These exemplary embodiments will now be described in more 
detail. 

According to certain exemplary embodiments of the present invention, 
10 system-provided drawing procedures map directly from existing procedures to 
provide compatibility with existing systems. For example, each individual 
drawing procedure will correspond to a conventional procedure (e.g., WDEFO, 
WDEF1, CDEFO, CDEF1). This mapping can be accomplished, for example, 
by the exemplary mapping procedure illustrated below in pseudocode form. 
15 This exemplary procedure can handle loading both conventional drawing 
procedures as well as the new drawing procedures. 

OSErr MapDefprocReference(ResType defprocType, SIntl6 defprocID, 

Handle *defprocHandle, SOMObject **ido) 

20 OSErr result; 

// 

// First load the defprocType, defprocID resource 

// 

♦defprocHandle = GetResource(defjprocType,defprocID); 
25 // 

// If the resource came from the system, this identifies it as a stub 
and so get the corresponding ido pointer. 

// 

if (the Handle is a System Resource) 
30 { 

result = GetSystemIDO(defprocType,defiprocID,ido); 

} 

else 
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// 

// If the resource didn't come from the system, assume it's a 
// custom resource deproc and return a NULL ido pointer. 

// 

5 { 

result = noErr; 
*ido = NULL; 

} 

} 

10 The first step, as seen above, is to determine the resource ID of the 

procedure being called. This will load either an old style procedure located in 
a resource chain or a stub resource from the system file. Stub resources are 
modules which, when invoked, decode a conventional procedure's message and 
call the corresponding new drawing procedure based on the decoded message. 

15 Thus, when a utility creates a new interface object using a drawing procedure it 
will also load an appropriate stub resource and store its value in a procedure 
handle field of the object's data structure. Since the utilities can switch the 
drawing procedure that they call, the ability to dynamically change the set of 
drawing procedures which create the interface objects is now available. 

20 According to other exemplary embodiments of the present invention, the 

drawing procedures can be parametric in nature so that they need not be 
switched every time that a theme is changed. Instead, the data supplied to these 
procedures is changed with the theme. A discussion of these exemplary 
embodiments begins with a description of the data used to drive these 

25 procedures. 

The data structures which are used to drive the structural procedures 
according to this exemplary embodiment of the present invention can be 
categorized as interface geometry elements data and interface behavior elements 
data. An object geometry is specified by a list of arbitrary geometry objects 

30 that are linked together with a simple rule based view system. Each of the 
geometry objects are arbitrary in size and shape and may repeat in either a 
horizontal or vertical direction. Drawing procedures such as window drawing 
procedures (e.g., WDEFs), and menu drawing procedures (e.g., MDEFs), can 
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use these geometry resources to calculate and draw the structure region of an 
interface object, e.g., a window or a menu. 



TABLE A 


Opcodes 


Specify edges of glyphs in object 
by offsets. 


Glyph List 


Points to data structure for each 
glyph. 


Geometry Part List 


Combines glyphs with boundaries. 


Existence State 
Table 


All boundaries and geometry parts 
indicate when they exist in the 
object. 



The resources that define this geometry model can be broken into four 

10 parts as seen in Table A, above. First, there are a list of operation codes 

which place horizontal and vertical boundaries that will be used to specify the 
edges of glyphs in the object. Each boundary can be placed relative to a 
reference, which is either part of a parent shape (e.g., a rectangle that defines a 
window's, or other object's, workspace) or a previously defined boundary. The 

15 offset can either be a constant or some other value recognized by the system, 
such as the height of a window's title. As each boundary is placed, a limit can 
be specified such that the new boundary will fall between the limit boundary 
and the reference boundary. Limit boundaries allow geometry elements to 
disappear when the parent shape becomes too small to support them. 

20 Second, a geometry resource can also contain a list of glyphs. Each 

glyph can be derived from a pattern of pixels, a bitmapped image or an icon. 
Moreover, each glyph can also specify on which corner it is anchored to allow 
it to be drawn in the correct direction. 

Third, there can be a list of geometry parts each of which combine one 

25 of the glyphs with two horizontal and two vertical boundaries. For each type 
of interface object, there may be both required and optional parts. For 
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example, a window may be required to have a close box or button part but may 
also include many optional parts that are used to enhance the appearance of the 
window. 

Finally, all boundaries and parts can specify in which states they exist. 
5 For example, a close box part and perhaps one or more of its boundaries might 
not exist in the inactive state of a window. This y specification reduces the 
amount of computation and drawing that is done in any particular state. Each 
interface element has a predefined set of states that may be used when 
traversing the geometry resources. Another use for this mechanism is to 

10 change the appearance of a part in a special state of the object. For example, 
to change the appearance of a window's bottom edge when the glyph is 
deactivated, two bottom edge parts can be defined that use different glyphs. 
One of these parts might exist only when the window is active, the other when 
the window is inactive. An exemplary table of glyphs appended as Figure 5 

15 illustrate a set of glyphs which can be used to render a document window in an 
exemplary theme as shown in Figure 2B. The horizontal and vertical 
boundaries are constructed so as to locate all of these glyphs around the content 
shape of the window to produce the desired look for this theme. 

The second category of data structures used in the data driven structural 

20 procedure relate to interface objects' behaviors. Each behavior is associated 
with transitions between different states or values of controls in the interface 
and can be expressed by changes in visual or audio output that correspond to 
these transitions. 

Data driven drawing procedures can use a common mechanism that 
25 implements state tables. These state tables contain bitmaps or glyphs for each 
state of the control represented thereby as well as information about transitions 
from one state to another. Each transition may contain one or more of, for 
example, an animation sequence, a sound or a routine to implement a custom 
transition, e.g., an algorithmic display or any other type of transitional effect. 
30 By defining state diagrams for each object and object part of the user interface, 
a template can be created that allows a theme designer to place customized 
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glyphs for each state of the control and also to customize the transitions 
between states of the control as desired. An exemplary state diagram is shown 
as Figure 6 which provides an example of the possible states and most common 
state transitions for a checkbox control of a window object. 
5 As seen in Figure 6, this exemplary checkbox has nine possible states 

which can be displayed. These states include three highlighted states for each 
of the control's three values. In normal use, when a user clicks on an 
unchecked checkbox (state Ql), this action moves the control to its pressed 
state (state Q4). After the mouse is released, the control returns back to its 

10 original state (state Ql) and the application is notified of the button which has 
been pressed. The application then switches the value of the control to its new 
value, which might be checked (state Q2). 

In data driven themes according to the present invention, a resource 
exists for each of the customizable controls to allow the theme designer to plug 

15 in new glyphs or bitmaps for each of the states of the control. Moreover, to 
provide more flexibility to customize transitions between states and a control 
state table, a matrix for these transitions can be provided. Note for example 
the exemplary matrix illustrated in Figure 7. For each block in the matrix, a 
theme designer can provide a visual and/or audio output such as an animation, 

20 sound, a custom transition procedure which can perform some type of 

algorithmic transition, e.g., a kaleidoscopic display or any combination thereof. 
Of course, not every box in the transition matrix need be filled in by the theme 
designer and where no transition behavior is specified, or if the theme does not 
specify a special transition behavior, the control moves directly to the glyph or 

25 bitmap that is specified for the new state without any transitional effect. 

Although the foregoing two exemplary embodiments describe switching 
either the code or the data of the drawing procedures, those skilled in the art 
will appreciate that both schemes can be implemented in the same interface. 
For example, it may be advantageous to generate certain themes, e.g., themes 

30 using relatively simple patterns, by way of hard-coded drawing procedures to 
provide a speedy redrawing of the interface. Similarly, where a theme is, for 
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example, relatively more complicated graphically, it may be advantageous to 
generate such themes using the aforedescribed data-driven drawing procedures. 
Accordingly, since many different types of themes are available for user 
selection, it is anticipated that both of the above-described exemplary 
5 embodiments can be deployed in the same interface and the switchable pointers 
will then either point to the appropriate hard-coded procedure or to the 
parametric drawing procedure. 

Custom drawing procedures can inherit from the system provided 
appearance using a form known as delegation or forwarding. Delegation 

10 involves passing control on to another object when inherited behavior is 

desired. To determine the particular object to which the drawing procedure 
should delegate in a dynamically changing interface, either the client can call in 
to the system or the system can track current implementations. According to 
exemplary embodiments, this burden can be placed on the system by providing 

15 an additional layer of redirection. As seen in Figure 8, the utility 61 calls the 
custom drawing procedure 63. The drawing procedure 63 inherits from the 
switcher 65 which delegates to the appropriate implementation 67 or 69. An 
example of this type of inheritance will now be described using menu drawing 
procedures. 

20 A theme can provide a menu drawing procedure which controls drawing 

standard menus for that theme. While many applications have customized 
menu items, a theme may only change the appearance or behavior of a single 
item in the menu while letting the remaining menu items appear and behave as 
they do when the system default theme is in control. By creating a custom 

25 menu drawing procedure that inherits from the system menu drawing 

procedure, i.e., from the switcher object, the application can intercept the 
command to draw a menu item from the utility issuing the command. If the 
menu item to be drawn is an item whose appearance and/or behavior has been 
customized by the theme, then the theme's menu drawing procedure can be 

30 used to draw that item. Otherwise, the inherited code pointed to by the 
switcher object can be called to draw the item. 
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In this particular example, where the theme only customizes one menu item, the 
theme's custom menu drawing procedure only overrides the system to draw that 
item, with any other items being drawn using the inherited code A 

Pattern Look-up Tables and Drawing Supp ort 

5 The following is a more detailed description of the pattern look-up table 

mechanism 48. As described above, since one of the objects of the present 
invention is to provide interfaces which facilitate user control over the 
appearance of the desktop, the themes used by the appearance management 
layer 40 should be able to operate on a variety of color data to draw the 

10 interface, e.g., a color pattern, a pattern defined on a pixel-by-pixel basis, 
bitmapped image or the like, etc. The pattern tables provide a system and 
method for specifying this color data, so that the theme color set can be edited 
independently of the theme using resource-editing utilities. The pattern tables 
provide this support by abstracting the notion of pen pattern and color, allowing 

15 an application or theme to draw interface pieces without being locked to a 
particular color set. 

This functionality is provided according to exemplary embodiments of 
the present invention by a mechanism including a pattern look-up table. An 
index in a pattern look-up table references data for a color, a pattern defined on 

20 a pixel-by-pixel basis, bitmapped image or the other data, so that the client 
need not know anything about the datatype contained in the pattern look-up 
table entry. The significance of this data independence is that a theme having 
solid-colored windows, for example, can be changed to instead draw the 
windows in a complex pattern, without changing the theme source code simply 

25 by editing the table entries. When reference is made below to the terms 

"pattern n or "patterns," it is intended to denote any type of graphic data that 
can be used in a pattern look-up table to draw in a graphics port. As such, this 
may be a solid color defined in terms of its red, green and blue (RGB) 
components, or a pattern defined on a pixel-by-pixel basis, e.g. a PixPat, or a 

30 new type of data. 
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Before discussing the various features of the pattern table routines in 
great detail, an overview of how color and pattern abstraction can be provided 
according to an exemplary embodiment will be described with reference to 
Figure 9. Therein a client 60 sends a command ThemeFillRect (kColorlndex) 
5 to the appearance management layer. This command is one of a set of drawing 
primitives implemented by the appearance management layer 40. In this 
particular example, it is a command to draw a rectangle that is filled with the 
pattern specified as kColorlndex. The value of kColorlndex corresponds to a 
predetermined object or object part on the desktop. For example, index 3 

10 might correspond to the window title color. However, note that the client 60 
need have no knowledge of the particular color which is currently being 
implemented as the window title color, but only the absolute index which 
identifies that color. 

The kColorlndex parameter has a corresponding entry in the part index 

15 table 62. This entry maps into the theme pattern look-up table 64. As 
described previously, the entries in the theme pattern look-up table 64 can 
include any type of color or pattern data in any format. For the purposes of 
this example suppose that the entry in the part index table corresponding to the 
value of kColorlndex maps into a pattern called 'xpat' referring to a black and 

20 white criss-cross pattern. 'Xpat' has a corresponding entry in the pattern 

definition procedure table 66 where the procedure for drawing this black and 
white criss-cross pattern is located. This table includes a procedure pointer 68 
which translates the commands defined by the 'xpat' record into commands 
which are recognized by the graphic subsystem 56 used by the system to draw 

25 the pattern onto the display. These commands are then sent to the graphic 
subsystem which displays the pattern at the appropriate point on the desktop 
interface. 

Although the exemplary embodiment illustrated in Figure 8 portrays the 
client as using drawing primitives to send commands through the appearance 
30 management layer to the graphic subsystem, other exemplary embodiments of 
the present invention operate in a somewhat different fashion. According to 
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this exemplary embodiment, the appearance management layer 40 does not 
command the graphic subsystem 56, but simply acts essentially as a 
pattern/color database. For example, in the exemplary block diagram of Figure 
10, a get theme pattern command is sent to the appearance management layer 
5 40, instead of the drawing primitive in Figure 8. The appearance management 
layer returns a pattern structure which can be rendered by the graphic 
subsystem in the currently implemented theme for the particular interface object 
or object part requested in the get theme pattern command, to the client which 
then sends its own command to the graphic subsystem to draw the appropriate 

10 pattern and/or color on the desktop interface. This alternate exemplary 

embodiment also has the benefits described herein with respect to abstracting 
the pattern/color combination from the interface. 

Thus, through the use of pattern tables, the color and/or pattern of 
desktop objects can be readily switched from one theme to another by changing 

15 the values in the part index table 62 and/or the pattern look-up table 64. This 
switching of patterns is totally transparent to the application. As a result, new 
patterns can be added without any need to change the application itself. Having 
now described an overview of pattern and color abstraction according to the 
present invention, a more detailed description of exemplary routines for 

20 implementing the above will now be provided. 

The appearance management layer, according to certain exemplary 
embodiments, recognizes a set of drawing primitives which can be, for 
example, derived from those used by the system's graphic subsystem (for 
example, QuickDraw). These primitives can have the same calling sequence as 

25 their counterparts in the graphic subsystem, but use indices into the theme 

pattern table to specify the color and/or pattern details of the requested drawing 
command. Exemplary drawing primitives are illustrated below along with 
descriptions in italics. 

typedef unsigned char OSType [4]; 
30 typedef short SIntl6; 
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typedef unsigned short UIntl6; 
typedef unsigned long UInt32; 

typedef UIntl6 ThemePartlndex; 



pascal OSErr ThemeSetPen (ThemePartlndex); 
5 Sets the pen pattern to the contents of the specified index of the theme pattern 

look-up table. 

pascal OSErr ThemeFrameRect (ThemePartlndex, Rect *r); 

pascal OSErr ThemeFillRect (ThemePartlndex, Rect *r); 

Fills or frames the rectangle with the contents of the specified index. 

10 pascal OSErr ThemeFrameRoundRect (ThemePartlndex, Rect *r, radius); 

pascal OSErr ThemeFillRoundRect (ThemePartlndex, Rect *r, radius); 
Fills or frames the round rectangle with the contents of the specified pattern 

index. 

pascal OSErr ThemeFrameOval (ThemePartlndex, Rect *r); 
15 pascal OSErr ThemeFillOval (ThemePartlndex, Rect *r); 

Fills or frames the oval with the contents of the specified pattern index. 

pascal OSErr ThemeFramePoly (ThemePartlndex, PolyHandle); 

pascal OSErr ThemeFillPoly (ThemePartlndex, PolyHandle); 

Fills or frames the polygon with the contents of the specified pattern index. 

20 pascal OSErr ThemeFrameRgn (ThemePartlndex, RgnHandle); 

pascal OSErr ThemeFillRgn (ThemePartlndex, RgnHandle); 
Fills or frames the region with the contents of the specified pattern index. 



The appearance management layer can also define a set of bevel, text 
and dialog grouping rectangle primitives which can be used by clients for 

25 drawing bevels and dialog group rectangles in a standard appearance. The 
implementations of these routines can be overridden by the theme to generate 
special appearances. For this reason, the client should not draw bevels 
independent of the appearance management layer for user interface object 
parts, but should instead use the provided primitives. Exemplary primitives 

30 are shown and described below. 
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pascal OSErr ThemeDrawBevel (Rect *pBevelRect, Boolean fbutton); pascal 
pascal OSErr ThemeDrawInsetBevel (Rect *pBeveIRect, Boolean fbutton); 
Draws a bevel into or out of the background. If fbutton is set, then the bevel 
corners are left out, resulting in a standard 'beveled button' visual. 

5 pascal OSErr ThemeDrawDeepBevel (Rect *pBevelRect, Boolean fbutton); 

pascal OSErr ThemeDrawDeepInsetBevel (Rect *pBevelRect, Boolean fbutton); 
Draws a deep bevel into or out of the background. 

pascal OSErr ThemeDrawInsetTextFrame (Rect *pTextFrame); 

Draws the standard inset text frame which is used for edit text items in dialogs. 

10 pascal OSErr ThemeDrawRidge (Rect *pRidgeRect); 

pascal OSErr ThemeDrawInsetRidge (Rect *pRidgeRect); 
Draws a ridge frame into or out of the surface. 

pascal OSErr ThemeDrawEmbossedString (StringPtr, scriptcode); 
pascal OSErr ThemeDrawInsetString (StringPtr, scriptcode); 
15 Draws a string embossed out of or inset into, the surface. 

pascal OSErr ThemeDrawShadowedString (StringPtr, scriptcode); 
Draws a string with a shadow. 

pascal OSErr ThemeMeasureEmbossedString (StringPtr, scriptcode, Rect); 
pascal OSErr ThemeMeasurelnsetString (StringPtr, scriptcode, Rect *); 
20 pascal OSErr ThememeasureShadowedString (StringPtr, scriptcode, Rect); 

Measure the size of the string when embossed. 

pascal OSErr ThemeDrawGroupingRect (Rect *pGroupRect, Str255group title); 
Draws a dialog item grouping rect with the specified title. An empty or nil 
title may be passed and no title will be drawn. 

25 pascal OSErr ThemeDrawSeparatorLine (Intl6 length, Boolean fvertical); 

Draws a horizontal or vertical separator line. 



Pattern look-up tables are provided as part of the package which 

handles drawing requests, either with the aforedescribed drawing primitives 

or alone, which tables will now be described in somewhat more detail. 

30 A pattern data structure holds the data necessary to draw a pattern. It 

can have, for example, the following structure: 

typedef UInt32 PatternData [2]; 
typedef PatternData *PatternDataPtr; 
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The pattern data structure can be, for example, an eight-byte structure used 
to store pattern and/or color information. If the data required for the pattern 
is more than eight bytes long, it can be stored in a handle and the handle 
placed in the pattern data structure. A pattern definition procedure, 
5 described below, is a component which is responsible for the loading and 
interpretation of a pattern data structure. 

The pattern look-up table specifies the list of colors and patterns used 
by a theme. A pattern look-up table contains a list of records, e.g., Pattern 
Spec record 'xpat' in Figure 9, each of which is typed and references a 

10 specialized procedure to load, unload and draw. 

Data encapsulation within a pattern look-up table entry is 
accomplished through use of a pattern definition procedure, a code module 
responsible for loading, unloading and interpreting a pattern look-up table 
entry's data, e.g., the pattern definition procedure 'xpat' of block 66 in 

15 Figure 9. New pattern types may be defined by a theme for specific needs, 
such as algorithmic color and pattern generation, simply by adding new 
pattern definition procedures. A pattern definition procedure can be defined, 
for example, as a code fragment module or a dynamically loaded library 
which exports a list of entrypoints as set forth below. The default behavior 

20 for unimplemented entrypoints is to return an error. 

OSErr PatDefOpen (OSType *pPatternType); 

Called when the pattern def is initially loaded, to allow the procedure 
to initialize state data. *pPatternType should be set to an OSType denoting 
the pattern type it will handle, for example 'xpat' or 'ppat\ 

25 OSErr PatDefClose 0; 

Called when the pattern def is no longer needed, to allow release of 
state data. 



OSErr PatDefLoadData (PatternDataPtr, Intl6 id, Intl6 index); 
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Load the data associated with this pattern from a resource, and place 
the data in the PatternData record pointed to by PatternDataPtr. 

OSErr PatDefSetData (PatternDataPtr, PatternDataPtr newdata); 
Set the pattern data to a copy of that located in newdata. 

5 OSErr PatDefFreeData (PatternDataPtr); 

Free the data in the PatternData record pointed to by PatternDataptr. 

OSErr PatDefSetPen (PatternDataPtr); 
Set the port's pen to draw with the pattern, 

OSErr PatDefFrameRect (PatternDataPtr, Rect *); 
10 OSErr PatDefFillRect (PatternDataPtr, Rect *); 

Fill or frame the rectangle. 

OSErr PatDefFrameRoundRect (PatternDataPtr, Rect *, UIntl6 w, UIntl6 h); 
OSErr PatDefFillRoundRect (PatternDataPtr, Rect *, UIntl6 radius); 
Fill or frame the rounded rectangle. 

15 OSErr PatDefFrameOval (PatternDataPtr, Rect *prect); 

OSErr PatDefFillOval (PatternDataPtr, Rect *prect); 
Fill or frame the oval contained in the rect. 

OSErr PatDefFramePoly (PatternDataPtr, PolyHandle hpoly); 
OSErr PatDefFUlPoly (PatternDataPtr, PolyHandle hpoly); 
20 Fill or frame the polygon. 

OSErr PatDefFrameRgn (PatternDataPtr, RgnHandle rgn); 
OSErr PatDefFillRgn (PatternDataPtr, RgnHandle rgn); 
Fill or frame the Range. 
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Pattern look-up tables may be created in memory by applications to allow them 
the benefits of a pattern look-up table within the application. An exemplary 
application program interface (API) for creating pattern look-up tables is described 
below. 



5 typedef void *PatternTableRef; 

typedef UIntl6 Patternlndex; 

pascal OSErr NewPatternSpecTable (PatternTableRef*); 
pascal OSErr DisposePatternSpecTable (PatternTableRef); 
Creates and Disposes a PatternSpecTable. 

10 pascal OSErr AddPatternSpecToTable (PatternTableRef, OSType patternkind, 

PatternDataPtr pdata, Patternlndex *pindex); 

Adds a new pattern spec to a PatternSpecTable, Patterns are always added to 
the end of the table. The index at which the pattern is placed is returned in pindex. 

pascal OSErr GetPatternlndexType (PatternTableRef, Patternlndex, OSType 
15 *patternkind); 

Returns the type of pattern located in the specified index of the table. 

pascal OSErr SetPatternSpecData ( PatternTableRef, Patternlndex, OSType 
patternkind, PatternDataPtr pdata); 

Set the pattern spec at the specified index to contain the specified data. 

20 pascal OSErr PatternTableSetPen (PatternTableRef, Patternlndex); 

Sets the pen pattern to the contents of the specified index of the theme pattern 
look-up table. 

pascal OSErr PatternTableFrameRect (PatternTableRef, Patternlndex, Rect *r) 
pascal OSErr PatternTableFillRect (PatternTableRef, Patternlndex, Rect *r); 
25 Fills or frames the rectangle with the contents of the specified index. 

pascal OSErr PatternTableFrameRoundRect (PatternTableRef, Patternlndex, 

Rect *r, radhis); 

pascal OSErr PattemTableFillRoundRect (PatternTableRef, Patternlndex, Rect 

*r, radius); 

30 Fills or frames the round rectangle with the contents of the specified pattern 

index. 
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pascal OSErr PatternTableFrameOval (PatternTableRef, Patternlndex, Rect *r); 
pascal OSErr PatternTableFillOval (PatternTableRef, Patternlndex, Rect *r) 
Fills or frames the oval with the contents of the specified pattern index. 

pascal OSErr PatternTableFramePoly (PatternTableRef, Patternlndex, 
5 PolyHandle); 

pascal OSErr PatternTableFillPoly (PatternTableRef, Patternlndex, 

PolyHandle); 

Fills or frames the polygon with the contents of the specified pattern index. 

10 pascal OSErr PatternTableFrameRgn (PatternTableRef, Patternlndex, 

RgnHandle); 

pascal OSErr PatternTableFillRgn (PatternTableRef, Patternlndex, 

RgnHandle); 

Fills or frames the region with the contents of the specified pattern index. 

15 Themes can also define new pattern types to take advantage of special 

theme-specific behavior, such as algorithmically defined patterns. To do 
this, the theme provides a resource defining the pattern type or registers a 
code fragment module or dynamically loaded library using, for example, the 
InstallPatternDefinition command described below. The pattern definition 

20 procedure will be added to the internal type list of the system, and will be 
called directly to load, unload and draw patterns of the corresponding type. 
This code can be stored as a code fragment module or dynamically loaded 
library, and remains loaded as long as there are pattern look-up table entries 
which reference its type. For this reason, pattern definitions can remain 

25 installed even after the theme which created the pattern is unloaded in case 
these definitions are used by other applications. 

pascal OSErr InstallPatternDefinition (ConnectionID 

cfmConnection); 

Install the specified pattern definition in a pattern handler list. If a 
30 handler for that type has already been installed, an error is returned. The 
pattern definition's type (as returned by PattemDefGetType) should be 
unique, and the PattemDef is locked and loaded in the system heap. 

When a pattern definition procedure is installed, it can be added to an 
internal pattern definition table. For speed, these pattern definition 
35 procedures can be referenced by index rather than type in the pattern look-up 
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table. When a new pattern is added to the pattern look-up table, the pattern 
definition table is scanned and the index of the definition for the pattern type 
is inserted into the record for the new pattern. As new types are added, they 
can be added at the end of the list. 
5 When a new pattern definition procedure is added to the internal 

pattern definition table, a list is built which includes the exported pointers 
contained in the pattern definition. If any standard pointers are not defined, 
they are set to a default pointer which simply returns an unimplemented 
error. As discussed above with reference to Figure 9, when a pattern is 
10 drawn, the pattern is found in the pattern look-up table and its corresponding 
pattern definition procedure is located, then the desired function pointer is 
called. 

An example of a pattern definition procedure is shown below, which 
procedure is used to get a pattern defined on a per pixel basis from the look- 
15 up table and command the graphic subsystem to draw same, 

// structure for interpreting contents of our PatternData struct 

typedef struct 
{ 

PixPatHandle hPixPat; 

20 UInt32 unused; // PatternData struct is 8 bytes, pad to fit 

} 

PixPatData, *PixPatDataPtr; 

OSErr PatDefOpen (OSType *pPatteraType) 
{ 

25 *pPatternType = 'ppat'; // return type 

*pRefCon = (RefCon) 0; // no refcon used 
return noerr; 

} 

OSErr PatDefClose 0 
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{ 

return noerr; 

} 

OSErr PatDefLoadData (PixPatDataPtr *pdata, Intl6 id, Intl6 index) 

5 { 

pData->hPixPat = GetPixPat (id); 
if (pData->hPixPat == nil) 
return MeraError(); 

return noerr; 
10 } 

OSErr PatDefFreeData (PixPatDataPtr *pdata) 
{ 

DisposePixPat (pData->hPixPat); 
return noerr; 
15 } 

OSErr PatDefSetData (PixPatDataPtr *pdata, PixPatDataPtr *pNewData) 
{ 

if (!pData->hPixPat) 
{ 

20 NewPixPat (&pData- > hPixPat) ; 

if (!pData->hPixPat) 
return QDError 0; 
CopyPixPat (pNewData- > hPixPat, pData->hPixPat); 
return noerr; 
25 } 

OSErr PatDefSetPen (PixPatDataPtr *pdata) 

{ 

PenPixPat (pData->hPixPat); 
return noerr; 
30 } 

OSErr PatDefFrameRect (PixPatDataPtr *pdata, Rect *prect) 
{ 

FrameCRect (pData->hPixPat); 
return noerr; 
35 } 

OSErr PatDefFiliRect (PixPatDataPtr *pdata, Rect *prect) 
{ 

FillCRect (pData->hPixPat); 
return noerr; 
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} 



The appearance management layer also defines a range of common 
pattern indices that can be included in each theme's pattern look-up table so 
that these indices are available to all clients. These include the set of 
5 patterns used to generate bevels and groups, along with other useful patterns, 
for example, the current background of the menu bar. The current 
background of the menu bar index may be passed to one of the standard 
theme drawing routines to draw shapes in the menu bar color. Below, for 
illustration purposes, an exemplary set of such common pattern indices is 



10 defined. 



enum { 

// standard beveling colors 
kBevelBackgroundlndex = 



= 0, 



20 



15 



kBevelFramelndex, 

kBevelFacelndex, 

kBevelShadowIndex, 

kBevelHilitelndex , 

kBevelCornerlndex, 

kBevelAuxShadowIndex, 

kBevelAuxHilitelndex, 

kBevelAuxCornerlndex , 

kBevelHiliteCorner, 

kBevelShadowCorner, 



25 



30 



klnvBevelFramelndex, 

klnvBevelFacelndex, 

klnvBevelShadowIndex, 

klnvBevelCornerlndex, 

klnvBevelHilitelndex, 

klnvBevelAuxShadowIndex, 

klnvBevelAuxCornerlndex, 

klnvBevelAuxHilitelndex, 

klnvBevelHiliteCorner, 

klnvBevelShadowCorner, 



35 



// text frames 
kTextFrameFilllndex, 
kTextFrameFramelndex, 
kTextFrameHilightlndex, 
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kTextFrameShado wlndex , 



// standard ridge and group indices 
kGroupHilightlndex , 
kGroupShadowIndex , 
5 kGroupCornerlndex , 

kGroupTextlndex, 

kRidgeHilightlndex, 
kRidgeShadowIndex, 
kRidgeComerlndex , 
1 0 kRidge AuxCornerlndex, 

// beveled - shadowed text 
kTextlndex, 
kTextShadowIndex , 
kTextHilightlndex, 
15 kTextCornerlndex, 

// custom 

kThemeCustomRangeStart =16384 

}; 

typedef UIntl6 ThemePatternlndex; 

20 In addition to these exemplary defined types, a theme may define 

additional types which are used internally. These additional types can be 
indexed sequentially starting from whatever next highest index is available, 
e.g., 16384 in the example given above. 

The following illustrates three exemplary pattern types which can be 

25 defined for usage in the appearance management layer. Therein, the 

command RGBColor specifies a red, blue or green color combination with 

which to draw an object or object part. ColorPattern describes a two-color 

8x8 pixel pattern with a fore and backcolor, each specified with an 

RGBColor. An exemplary definition of a ColorPattern type is shown below: 

30 typedef struct 

{ 

RGBColor forecolor; 
RGBColor backcolor; 
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10 



Pattern pattern; 

} 

A PixPat type specifies an arbitrary pattern defined on a per-pixel basis, 
wherein a designated area may be filled or drawn with the pattern contents 
by the graphics subsystem. The PixPat (Pixel Pattern) data structure is 
defined by the graphics subsystem, and is used to contain this per-pixel 
pattern. 

Themes provide a set of standard pattern look-up resources for use by 
the appearance management layer which are described below. The pattern 
lookup table defines the set of colors and patterns used by the theme and is 
used to build the theme's pattern look-up table. The part index table maps 
the set of standard theme pattern indices into the pattern look-up table. An 
exemplary implementation of a PatternLookupTable and a PartlndexTable is: 



#define kPatRGBKind 'chit' 
15 #define kPatPixPatKind 'ppat' 
#define kPatColorPatKind 'cpaf 

// Pattern Lookup Tables 



//color lookup table id + index 
//PixPat id 
//ColorPattern id 



typedef struct 
{ 

20 OSType patternKind; 

SIntl6 patternID; 
UIntl6 index; 

UInt32 patternData [2]; 
} 

25 PatternLookupTableEntry; 
typedef struct 

{ 

UIntl6 numEntries; 



// kind of pattern, ie. kPatRGBKind 

// pattern resource identifier 
// index within resource 

// pattern data holder when loaded 



// count of entries in table 



PatternLookupTableEntry entries []; 
30 } 

PatternLookupTable; 



// array of entries 
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// Part Index Tables - maps a ThemePatternlndex into a Pattern Lookup Table 
typedef struct 

{ 

ThemePatternlndex index; // corresponding ThemePatternlndex 

5 UIntl6 plutlndex; // PatternLookupTable index 

} 

PartlndexEntry; 

typedef struct 
{ 

10 UIntl6 numEntries; // count of entries in table 

PartlndexEntry entries []; // array of entries 

} 

PartlndexTable; 

As mentioned earlier, other exemplary embodiments of the present 
15 invention provide for pattern/color abstraction by returning information to 
the client rather than the appearance management layer commanding the 
graphic subsystem directly. According to these embodiments, the client will 
ask the appearance management layer for a structure, e.g., a PixPat 
structure, corresponding to a specified index and will receive a handle that 
20 will allow the application to make the appropriate drawing call to the graphic 
subsystem 56. An example for this embodiment is illustrated below in 
pseudocode: 

typedef struct 
{ 

25 UInt32 data [2]; // data block for pattern definition use 

} 

PatternData; 

OSErr PatternDefOpen (); 

Opens the pattern definition, initializing any global state data. The pattern 
30 defmay return an error code to veto loading (for example if the pattern def 
cannot run on the current system configuration). 

OSErr PatternDef Close 0; 
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Closes the pattern definition and frees any global state data. This is called 
prior to termination of the pattern defs connection. 

OSErr PattemDefGetKind (OSType *pKind); 

Returns the pattern kind identifier. This is invoked by the appearance 
5 management layer to find the link to entries in the pattern table. 

OSErr PatternDefLoadData (PatternData *pData, SIntl6 resld, UIntl6 
index); 

Loads the pattern data from a resource, based upon the resource id + index. 



OSErr PatternDefCloneData (PatternData *pData, PatData *pCopy); 
10 Clones the pattern data contained in the PatData record and places the 
result in *pCopy. 

OSErr PatternDefSetData (PatternData *pData, PatData *pNewData); 
Sets the pattern data to a copy of that contained in *pNewData. 

OSErr PatternDefUnloadData (PatternData *pData); 
15 Frees the data stored in the pattern data record. 

OSErr GetPatternPixPat (PatData *pData, PixPatHandle *hPixPat); 
Returns the PixPat represented by the pattern data. 

OSErr ApplyShapeStyle (PatData *pData, GXShape shape); 
Modifies the state of the GX object so that it draws in the desired style. This 
20 may include creating ink, transform or other style objects and linking them to 
the shape, or modifying the shape itself 

Another example of how a client would interact with the pattern look- 
up tables 48 according to these exemplary embodiments is illustrated below, 
OSErr NewPatternTable (PatternTable *table); 

25 Creates a new pattern table. 

OSErr GetNewPatternTable (SIntl6 resID, PatternTable *table); 
Gets a new pattern table from a resource. 



OSErr DisposePatternTable (PatternTable *table); 
Dispose a pattern table. 
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OSErr GetPatternDef (<PatternDef Reference > , SOMObject 
♦patternDef Object); 

Load a pattern definition proc and return its SOM Object. 

OSErr AddPatternDefToTable (PatternTable table, SOMObject 
5 patteraDefObject); 

Add the pattern definition proc to the table. 

OSErr PatternTableSetlndexData ( 

PatternTable table, UIntl6 index, OSType kind, PatternData *pData); 
Set the data record associated with the table index. 

10 Application Pattern and Style Queries 

OSErr ThemeGetPartPixPat (PartCode part, PixPatHandle *partPixPat); 
Gets the PixPat associated with the part code. 

OSErr ThemeApplyPartStyleToShape (PartCode part, GXShape shape); 
Sets the style of the GXShape to the part style. 

15 OSErr PattemTableGetPixPat ( 

PatternTable table, UIntl6 index, PixPatHandle *hPixPat); 
Gets the PixPat associated with the table + index. 

OSErr PatternTableApplyStyleToShape ( 

PatternTable table, UIntl6 index, GXShape shape); 
20 Sets the style of the GXShape to that associated with the table + index. 

OSErr ThemeGetPartSeed (UInt32 *seed); 

Returns the seed for the theme pattern table. The seed is updated when 
changes are made to the pattern table which may invalidate cached 
PixPatsHandles. 

25 OSErr PatternTableGetSeed (UInt32 *seed); 

Returns the seed for the application pattern table. The seed is updated when 
changes are made to the pattern table which may invalidate cached 
PixPatsHandles. 

SPI 

30 OSErr InstallSystemPatDef (SOMObject patternDefObject); 
Installs a pattern definition in the system PatDef table. 

Having described two exemplary embodiments wherein pattern look- 
up tables can be used to abstract patterns and colors from the interface, 



WO 95/31773 



PCTYUS95/06154 



-33 - 

another example is provided below in which both embodiments are applied 

to the exemplary application of filling a window rectangle with the bevel 

background color and then drawing a bevel inset two pixels in the window. 

First, by way of the former, exemplary embodiment wherein drawing 

5 primitives are sent to the appearance management layer. 

Rect bevelRect; 
OSErr error; 

GetWindowRect (&bevelRect); 

// Fill window rectangle with bevel background 
10 error = ThemeFillRect (kBevelBackground, &bevelRect); 

// make bevel inset 2 pixels from window edge 
InsetRect (&bevelRect, 2, 2); 

// Draw Bevel on background 

error = ThemeDrawBevel (AbevelRect, false); 

15 Now, using the latter exemplary embodiment wherein the appearance 

management layer returns a data structure to the client. 

Rect bevelRect; 
OSErr error; 

PixPatHandle hBackgroundPat; 
20 GetWindowRect (&bevelRect); 
// Get bevel background PixPat 

error = ThemeGetPartPixPat (kBevelBackground, &hBackgroundPat); 

// Fill window rectangle with bevel background 
if (error = = noErr) 
25 FillCRect (&bevelRect, hBackgroundPat); 

// make bevel inset 2 pixels from window edge 
InsetRect (&bevelRect, 2, 2); 

// Draw Bevel on background 

error = ThemeDrawBevel (&bevelRect, false); 
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Of course, those skilled in the art will appreciate that all of the 
pseudocode examples provided herein are intended to be exemplary and 
illustrative in nature. 



Themes and Theme Switching 
5 Having described exemplary systems and methods for abstracting the 

appearance and behavior of a user interface from its functionality using 
switchable drawing procedures and pattern look-up tables, the following 
description indicates how these capabilities can be used together to manifest 
sets of appearance and behavior attributes on a user interface which blend 

10 together to project a common theme. As described earlier, themes are 
coordinated designs of the interface elements which combine to create a 
distinct visual and audio environment on the display. According to one 
exemplary embodiment of the present invention, users can choose among 
different themes from, for example, an appearance control panel which can 

15 be activated on the desktop interface. An exemplary appearance control 
panel is illustrated as Figure 11. 

In Figure 11, a pop-up, pull-down or drop-down menu 140 allows 
users to specify an overall appearance/behavior by selecting the theme to be 
installed. Beneath the theme setting box 140 to the left is an options area 

20 142 in which a user may select various options within each theme. For 
example, a user could specify a background color, a font and a highlight 
color. To the right of the options area 142, is a preview area 144 where 
exemplary interface elements of the theme currently selected in box 140 are 
shown so that a user can preview what the theme will look like before 

25 making a selection. Exemplary interface elements can include, for example, 
a desktop pattern, a menu bar and menu, an active window, and a dialog box 
with radio buttons, a checkbox, push buttons, and selected text. Using the 
appearance control panel, a user will be able to change the appearance of the 
desktop quickly and easily. 
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However, some users may desire even more control over the 
appearance and behavior of their desktop interface. Thus, according to 
another exemplary embodiment of the present invention, the appearance 
control panel can provide user selectibility over all of the objects which can 
5 be displayed on the user interface. For example, the appearance control 
panel could include a library of each type of interface object from which the 
user can select for inclusion in a user-defined theme. After selecting one of 
each the different types of interface objects, the user can be prompted for a 
theme name under which pointers to the appropriate drawing procedures and 

10 other information for realizing the selected objects can be stored. According 
to still further exemplary embodiments of the present invention, an 
appearance object editor can be provided wherein a user can create his or 
her own interface objects using a library of parts provided by the object 
editor. For example, each of the glyphs illustrated in Figure 5 can have a 

15 multitude of variations from which a user can create his or her own 
document window (both active and inactive). Once created, the new 
interface object can be stored in the library of interface objects from which 
user-defined themes can be created. 

Theme attributes are a collection of theme properties that are both 

20 system-defined and theme-defined. Each of the theme's properties can be 
queried and set by appearance management layer functions. For example, 
the following properties can be defined by the system: 

#define kThemeSystemFont 'sysf 
#define kThemeTextHighlightColor 'tcol' 

25 To get a theme property, a get theme property function can be called for 
example by: 

OSErr GetThemeProperty (OSType property, void *dataptr, Size 
dataSize) 
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This function will return the requested property from the current theme. If 
the current theme does not include the requested property, typeNotFoundErr 
is returned. 

To set a theme property, call the SetThemeProperty function: 
5 OSErr SetThemeProperty (OSType property, void *dataptr, Size 

datasize) 

The SetThemeProperty command sets the specified theme property to the 
given data. Having described themes in general and ways in which themes 
can be created, selected and stored by a user, the following describes the 
10 operation of systems and methods according to the present invention once a 
theme change is requested by a user or an application beginning with 
Figure 12. 

Figure 12 illustrates interactions between, for example, a theme 70, 
the appearance management layer 40, and an application 38. Therein block 

15 48 includes the pattern tables as discussed above, and block 54 contains the 
animation and sound utilities which supplement the runtime routines of block 
52. Further, an icon 68 is shown which diagrammatically illustrates an 
appearance control panel 69, e.g., the panel of Figure 10, which an end user 
can operate to switch themes. 

20 A current theme's resource chain 72 is opened and managed by the 

theme switching 50 and runtime routines 52. The resource chain 72 can 
include, for example, a theme attributes property list (e.g., behavior matrices 
as described above), theme preferences (e.g., a preferred background 
pattern, preferred system font, etc.), theme data resources (e.g., the pattern 

25 table which defines the set of patterns and colors used by the theme, pattern 
code procedures which allow definition of new pattern types, etc.) and 
override resources (e.g., icons for the theme which overrides system icons). 
The theme resource chain can be maintained separately from the resources of 
the currently running application, and can be switched in and out in response 

30 to a demand by either an application or a user (appearance control panel). 
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The theme's resource chain 72 is setup whenever the appearance 
management layer 40 calls any of the theme's code. 

As explained above with respect to the switchable drawing procedures 
according to exemplary embodiments of the present invention, when the 
5 appearance management layer is present, conventional drawing procedures 
(e.g., CDEF, LDEF, MDEF and WDEF) are replaced by the appearance 
management layer's switcher resources shown in Figure 11 at blocks 74-80. 
Externally, these switcher resources serve the identical function as traditional 
drawing procedures. Internally, they permit dynamic switching to the 

10 appropriate drawing procedures by the utilities when the theme changes. 
This switching can be accomplished by supplying new pointers 82-88 to the 
drawing procedures referenced by switcher resources 74-78. In this way, 
when the switcher resources call back into the utilities as described above, 
the utilities will be pointed at the drawing procedures for the current theme. 

15 The current theme is set by calling the appearance management 

layer's set theme function, for example, by the command: 

OSErr SetTheme (const FSSpec *themefile) 
The set theme function uses an FSSpec parameter that identifies the theme 
file that should be loaded and activated by the appearance management layer. 

20 In normal operation, this function loads the requested theme file, switches to 
the new theme and then releases the old theme. The old theme is released 
after the new theme is completely loaded so that if the new theme could not 
be activated, the system can revert back to the original theme such that the 
user does not become stranded without an interface. 

25 The exemplary steps illustrated in the flowchart of Figure 13 can be 

executed to open the new theme file. At block 100, a new theme info record 
is created. This data structure contains all of the global information that the 
appearance management layer uses to keep track of the state of the current 
theme and contains its own resource chain information, e.g., procedure 

30 pointer tables for the switcher, the theme property list, the theme pattern 
tables, etc. 
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Next, the appearance management layer creates a new resource chain 
at block 102. The new theme's resource file is then opened at 104 after 
which the theme's runtime code is loaded, at 106, and its open function is 
called. At this time, the new theme can test the operating conditions of the 
5 system to determine if the load should continue or be aborted. If the load 
aborts, the theme may present an alert to the user as to why the theme could 
not be loaded. If the theme has its own preferences file, it can be opened by 
the theme at this time. 

The theme's property list is loaded at block 108, for example, by 

10 calling a get resource function. This allows the property list to come from 
any preferences file that may have been opened in the previous step. If a 
property list is found, it is stored in the theme info record. Subsequently, at 
block 110, the theme's pattern look-up table is loaded. First, all pattern 
definition procedure resources are loaded. Then the standard pattern look-up 

15 table and part index table resources are loaded. The pattern look-up table is 
then built from the contents of these resources. A pointer table to be used 
by the switcher resources is then built as shown by block 112. This table is 
stored in the theme info record. Lastly, the new theme's initialize function 
is called at block 114. The new theme can allocate memory or load extra 

20 resources that it requires while being active. 

Figure 14 illustrates steps that can be executed to switch from an old 
theme to a new theme. First, a transition effect can be presented as block 
116. For example, the screen may fade to black, a dialog can be presented, 
or the themes could gradually blend from one to the other, e.g., 

25 "morphing." Then, the old theme's resource chain is switched in as 
described by block 118. All of the drawing procedures are called with a 
deallocate message. These messages 120 are sent to the appearance 
management layer's switcher definition procedures, which are currently 
routing messages to the old theme's implementations of the definition 

30 procedures. This allows any of the theme's definition functions to deallocate 
any global data that they may have been allocated. 
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The appearance management layer sets the new theme info record as 
the current theme's information record at 122. Once the new theme info 
record is set, all of the external calls into the appearance management layer 
will affect the new theme. The new theme's resource chain is switched in at 
5 block 124. All of the drawing procedures are called with an initialize 
message. These messages are sent to the appearance management layer's 
switcher resources, which are currently routing messages to the new theme's 
implementations of the drawing procedures. This allows any of the theme's 
definition functions to allocate any global data that they may need. 

10 The steps executed to release the old theme file are shown in Figure 

15. First, at block 128, the old theme's resource chain is switched in ; 
Next, the old theme's deallocate function is called at 130. The theme is 
responsible for disposing of any allocations that it may have made when it 
received its initialize message. The old pointer table used by the switcher 

15 definition procedures is disposed of per block 132. Then, the old theme's 
pattern look-up table and property list are disposed of as denoted by blocks 
134 and 136, respectively. The files in the old theme's resource chain can 
then be closed and the resource chain disposed of prior to disposing of the 
old theme's theme info record (blocks 138 and 140). 

20 If an error occurs while trying to open and load the new theme or 

while switching from the old theme to the new theme, the switch is aborted 
and the set theme function attempts to reverse all of the steps that have 
already successfully completed so that the system continues to generate an 
interface using the old theme. The error that caused the switch to abort can 

25 be returned by this function. To request that the default system theme is 
switched in, either an FSSpec parameter to the system file or NIL can be 
passed in the themefile parameter. 

To determine what theme file is currently active, a get theme function 
can be called, for example by the command: 

30 OSErr GetTheme (FSSpec *currentThemeSpec) 
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An FSSpec parameter value referencing the currently active theme file will 
be returned in the currentThemeSpec parameter. If the current theme is the 
default system theme, an FSSpec referencing the system file will be 
returned. If an error occurs while attempting to locate the FSSpec of the 
5 current theme, an appropriate error code will be returned and the 
currentThemeSpec parameter will remain unchanged. 

Normally, the current theme's resource file is not present in the 
currently running application's resource chain. This can be done to prevent 
resource identification conflicts between applications, the operating system 

10 and the current theme. The appearance management layer maintains a 
separate resource chain that contains the current theme file and any other 
files that the current theme may have opened (such as a preferences file). 
When the appearance management layer executes code in the theme, the 
theme's resource chain is setup by the appearance management layer, which 

15 allows for normal GetResource calls to be used to get theme resources. If 
an application wishes to gain access to the current theme's resources, several 
functions can be provided. For example, to get a resource from the current 
theme file, a get theme resource function can be called, for example: 
Handle GetThemeResource (OSType restype, UIntl6 id) 

20 GetThemeResource has the same function as the GetResource function, 
except that this command gets the resource from the current theme's 
resource chain. 

If more flexibility is needed when getting resources from the current 
theme file, the low-level appearance management layer function 
25 GetThemeTopMapHandle may be used to get the top of the current theme's 
resource chain. 

OSErr GetThemeTopMapHandle (Handle *themeMap) 
The GetThemeTopMapHandle function returns the top map handle that 
contains the current theme file and any other opened theme files (such as a 
30 preferences file) and all of the system resource maps. Caution should be 
exercised when using the GetThemeTopMapHandle function to avoid leaving 
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the theme's resource chain switched in when executing utility functions or 
after returning to other parts of an application's code. When the theme's 
resource chain is switched in, the application's resource chain is unavailable. 
Note also that when the theme changes, this map handle and associated 
5 resources will no longer be valid, so this value should not be cached. 

A theme can implement three theme definition functions that the 
appearance management layer calls when a theme is being loaded or 
disposed of. When the appearance management layer begins to switch to a 
theme, immediately following that theme's resource file being opened, the 

10 theme's function can be called. 

pascal OSErr ThemeFilePreflight (void *themedata) 
The theme's test function is called before any resources are loaded by the 
appearance management layer. In this way, the theme has an opportunity to 
test the conditions of the operating system (such as memory or graphics 

15 capability). If the test function returns an error, the appearance management 
layer will close the theme file and not attempt to continue loading. If the 
test function returns no error, the appearance management layer continues to 
load the theme, as described above. 

The themedata parameter returned by the exemplary test function 

20 shown above is used by the theme to allocate and store any global data that 
the theme wishes to keep for itself. On entry to the test function, the 
themedata parameter points to NIL. The test function (or any of the other 
theme definition functions) may change the value pointed to by themedata. 
This themedata value is persistent as long as the theme remains loaded. 

25 When the appearance management layer is finished loading all of the 

theme's resources and loading each of the theme's standard definition 
procedures, the theme's initialize function is called, for example: 

pascal OSErr ThemeFilelnitialize (void *themedata) 
The theme's initialize function can be used to do any special processing after 

30 the appearance management layer has completely loaded the theme. It may 
allocate data structures, load additional resources, open preferences files, 
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setup its theme property list, etc. The themedata parameter points to a 
global storage location useful for storing a pointer to the themes global data. 
If the theme's initialize function returns an error, the appearance 
management layer will abort the switch to the theme. The appearance 
5 management layer will dispose of any allocations it has already made and 
close the theme file. 

When the appearance management layer is preparing to unload a 
theme, the theme's dispose function is called, for example: 
pascal OSErr ThemeFileDispose (void *themedata) 

10 The dispose function should dispose of any allocations that were made with 
either the test or initialize functions. The theme file then has an opportunity 
to store any resources in its preferences file and/or set its theme properties. 
After the theme returns from this function, the appearance management layer 
will deallocate all of the appearance management layer's storage for the 

15 theme and close the theme's file. 

The above-described exemplary embodiments are intended to be 
illustrative in all respects, rather than restrictive, of the present invention. 
Thus the present invention is capable of many variations in detailed 
implementation that can be derived from the description contained herein by 

20 a person skilled in the art. All such variations and modifications are 
considered to be within the scope and spirit of the present invention as 
defined by the following claims. 
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WHAT IS CLAIMED IS : 

1. In a graphical user interface having first and second themes 
which control the appearance and behavior of objects and object parts 
created on the interface, a method for switching between said first and 

5 second themes comprising the steps of: 

changing pointers from a first set of drawing procedures for 
creating said objects and object parts to a second set of drawing procedures 
for creating said objects and object parts; and 

operating said graphical user interface according to said 

10 second theme. 

2. The method of claim 1, further comprising the step of: 
supplying said second set of drawing procedures with data 

structures associated with objects and object parts for said second theme. 

3. The method of claim 1 further comprising the step of: 

15 inheriting drawing procedures from said first set of drawing 

procedures that are not superseded by said second theme. 

4. The method of claim 3, wherein said step of inheriting further 
comprises the step of: 

providing a switcher object which delegates drawing 
20 assignments either to one of said first set of drawing procedures or to one of 
said second set of drawing procedures as determined by said second theme. 

5. The method of claim 2, further comprising the steps of: 
storing audo/visual data in state tables for states of at least one 

of said objects and object parts; 
25 storing audio/visual data in said state tables for transitions 

between said states of said at least one of said objects and object parts; and 



WO 95/31773 



PCT/US95/06154 



-44- 

retrieving and implementing said stored audio/visual data 
when an associated state or transition occurs. 

6. The method of claim 5, wherein said audio/ visual data 
includes: an animation sequence, a sound, an algorithmic display, and a 

5 color pattern. 

7. The method of claim 1, further comprising the step of: 
presenting a transitional effect between said first and second 

themes. 

8. In a graphical user interface having first and second themes 
10 which control the appearance and behavior of objects and object parts 

created on the interface, a method for switching between said first and 
second themes comprising the steps of: 

changing data to a drawing procedure for creating said objects 
and object parts from a first set of data structures to a second set of data 
15 structures associated with said second theme; and 

operating said graphical user interface according to said 

second theme. 

9. The method of claim 8, further comprising the step of: 
presenting a transistional effect between said first and second 

20 themes. 

10. The method of claim 8 further comprising the step of: 
inheriting drawing structures from said first data set 

procedures that are not superseded by said second theme. 

11. The method of claim 10, wherein said step of inheriting 
25 further comprises the step of: 
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providing a switcher object which delegates drawing 
assignments either to one of said first set of data structures or to one of said 
second set of data structures as determined by said second theme. 

12. The method of claim 8, further comprising the steps of: 

5 storing audo/visual data in state tables for states of at least one 

of said objects and object parts; 

storing audio/visual data in said state tables for transitions 
between said states of said at least one of said objects and object parts; and 
retrieving and implementing said stored audio/visual data 
10 when an associated state or transition occurs. 

13. The method of claim 12, wherein said audio/visual data 
includes: an animation sequence, a sound, an algorithmic display, and a 
color pattern. 
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